$(function(){
    var option = {
        url: '/userToken/list',
        pagination: true,	//显示分页条
        sidePagination: 'server',//服务器端分页
        showRefresh: true,  //显示刷新按钮
        search: true,
        //toolbar: '#toolbar',
        striped : true,     //设置为true会有隔行变色效果
        //idField: 'menuId',
        columns: [
            {checkbox:true},

            { title: '编号', field: 'id',sortable:true},
            { title: 'app编号', field: 'appId'},
            { title: '开发者编号', field: 'userId'},
            { title: '访问令牌', field: 'accessToken'},
            { title: '到期时间', field: 'expireTime'},
            { title: '开始时间', field: 'startTime'}
        ]};

    $('#table').bootstrapTable(option);
});

var vm = new Vue({
    el: '#dtapp',
    data: {
        showList: true,
        title: "token管理",
        token: {}
    },
    methods: {
        del: function () {

            //var rows = getSelectedRows();
            /**
             * getSelections
             参数： undefined
             详情：
             返回选定的行，如果未选择任何记录，则返回一个空数组。
             */
            var rows = $("#table").bootstrapTable("getSelections")
            //[]
            if (rows == null || rows.length == 0) {
                alert('请选择您要删除的行');
                return;
            }
            var id = 'id';
            //提示确认框  layer huozhe sweetalert
            layer.confirm('您确定要删除所选数据吗？', {
                btn: ['确定', '取消'] //可以无限个按钮
            }, function (index, layero) {
                var ids = new Array();
                //遍历所有选择的行数据，取每条数据对应的ID
                $.each(rows, function (i, row) {
                    console.log(row[id]);
                    ids.push(row[id]);
                });

                $.ajax({
                    type: "POST",
                    url: "/userToken/del",
                    data: JSON.stringify(ids),//json  字符串
                    success: function (r) {
                        if (r.code==0) {
                            layer.alert('删除成功');
                            $('#table').bootstrapTable('refresh');
                        } else {
                            layer.alert(r.message);
                        }
                    },
                    error: function () {
                        layer.alert('服务器没有返回数据，可能服务器忙，请重试');
                    }
                });
            });
        },
        add: function () {
            vm.showList = false;
            vm.title = "新增";
            vm.token = {};
        },
        update: function (event) {
            var id = 'id';
            var tokenId = getSelectedRow()[id];//common.js
            if (tokenId == null) {
                return;
            }
            //sys/menu/info/1
            $.get("/userToken/info?id=" + tokenId, function (r) {
                vm.showList = false;
                vm.title = "修改";
                //vm.gateway = r;
                vm.token = r.data;
            });
        },
        //saveOrUpdate
        saveOrUpdate: function (event) {
            var url = vm.token.id == null ? "/userToken/save" : "/userToken/update";
            $.ajax({
                type: "POST",
                url: url,
                data: JSON.stringify(vm.token),
                success: function (r) {
                    // if (r.status) {
                    if(r.code==0){
                        layer.alert('操作成功', function (index) {
                            layer.close(index);
                            vm.reload();
                        });
                    } else {
                        layer.alert(r.message);
                    }
                }
            });
        },
        reload: function (event) {
            vm.showList = true;
            $("#table").bootstrapTable('refresh');
        }
    }
});